* {
    padding: 0;
    margin: 0;
}

.main {
    width: 100%;
    height: 100%;
    background: rgb(29, 33, 36);
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    .componentsss {
        width: 90%;
        height: 95%;
        background: green;
        border-radius: 1vh;
        margin-left: 0.3vw;
        overflow: hidden    ;
    }

    .mainbottom {
        display: flex;
        flex-direction: column;
        height: 95%;
        width: 18%;
        justify-content: space-around;
        align-items: center;
        margin-left: 0.8vw;
        // font-size: 1.1vw;

        div {
            font-size: 1.1vw;
            font-weight: 600;
            margin-left: 0.5vw;
        }

        button {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            height: 11%;
            width: 84%;
            border-radius: 1vh;
            border-top: solid 0.5vh rgb(53, 56, 63);
            border-right: solid 0.5vh rgb(53, 56, 63);
            background: rgb(69, 73, 82);
            box-shadow: rgb(34, 34, 34) -2px 2px 20px;
            cursor: pointer;
            color: rgb(255, 255, 255);
        }

        .isSetted {
            color: rgb(0, 169, 255);
            background: linear-gradient(0deg, rgb(42, 45, 52), rgb(53, 56, 63), rgb(69, 71, 76));
        }

    }
}